<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=0.3, maxmum-scale=1.0, minimum-scale=0.3">
    <title>淘宝网 - 淘！我喜欢</title>
    <!-- 描述 -->
    <meta name="description" content="淘宝网 - 亚洲较大的网上交易平台，提供各类服饰、美容、家居、数码、话费/点卡充值… 数亿优质商品，同时提供担保交易(先收货后付款)等安全交易保障服务，并由商家提供退货承诺、破损补寄等消费者保障服务，让你安心享受网上购物乐趣！" />
    <meta name="aplus-xplug" content="NONE">
    <meta name="keyword" content="淘宝,掏宝,网上购物,C2C,在线交易,交易市场,网上交易,交易市场,网上买,网上卖,购物网站,团购,网上贸易,安全购物,电子商务,放心买,供应,买卖信息,网店,一口价,拍卖,网上开店,网络购物,打折,免费开店,网购,频道,店铺" />
    <!-- //引入小图标 -->
    <link rel="shortcut icon" href="favicon.ico">
    <!-- <引入css初始样式> -->
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/detailtmall.css">
    <script src="js/jquery-min.js"></script>
    <script src="js/detailtmall.js"></script>
</head>

<body>
    <!-- 头部导航 -->
    <div class="shortcut clearfix">
        <div class="w">
            <div class="s-l">
                <ul>
                    <li>
                        <a href="#">天猫首页</a>
                    </li>
                    <li>
                        喵，欢迎来到天猫
                    </li>
                    <li>
                        <a href="#">请登录</a>
                    </li>
                    <li>
                        <a href="#">免费注册</a>
                    </li>
                </ul>
            </div>
            <div class="s-r">
                <ul class="item_wrap">
                    <li>
                        <a href="#">我的淘宝</a>
                        <ul class="item">
                            <li>已买到的宝贝</li>
                            <li>已卖出的宝贝</li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">购物车</a>
                    </li>
                    <li>
                        <a href="#">收藏夹</a>
                        <ul class="item">
                            <li>收藏的宝贝</li>
                            <li>收藏的店铺</li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">手机版</a>
                        <ul style="display: none;">
                            <li class="item1">
                                <img src="img/tianmaoerweima.png">
                                <div class="te">
                                    <p>到天猫APP</p>
                                    <p>新人享4.9元红包</p>
                                </div>

                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="index.html">淘宝网</a>
                    </li>
                    <li>
                        <a href="#">商家支持</a>
                        <ul style="display:none">
                            <li class="item2">
                                <h4>商家:</h4>
                                <span class="current"><a href="#">商家中心</a><a href="#">天猫规则</a></span>
                                <span class="current"><a href="#">商家入驻</a><a href="#">运营服务</a></span>
                                <span class="current"><a href="#">商家品控</a><a href="#">商家工具</a></span>
                                <span class="current"><a href="#">天猫智库</a><a href="#">喵言喵语</a></span>
                                <h4 class="help">帮助:</h4>
                                <span class="current he_bd"><a href="#">帮助中心</a><a href="#">问商友</a></span>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">网站导航</a>
                        <ul style="display: none;">
                            <li class="item3">
                                <div class="item3_l">
                                    <i><img src="img/hot1.png"></i>
                                    <ul class="list">
                                        <li><a href="#">天猫超市</a></li>
                                        <li><a href="#">喵鲜生</a></li>
                                        <li><a href="#">科技新品</a></li>
                                        <li><a href="#">女装新品</a></li>
                                        <li><a href="#">酷玩街</a></li>
                                        <li><a href="#">内衣产品</a></li>
                                        <li><a href="#">试美妆</a></li>
                                        <li><a href="#">运动新品</a></li>
                                        <li><a href="#">时尚先生</a></li>
                                        <li><a href="#">精明妈咪</a></li>
                                        <li><a href="#">吃乐会</a></li>
                                        <li><a href="#">企业采购</a></li>
                                        <li><a href="#">会员积分</a></li>
                                        <li><a href="#">天猫国际</a></li>
                                        <li><a href="#">品质频道</a></li>
                                    </ul>


                                </div>
                                <div class="item3_l">
                                    <i><img src="img/hot2.png"></i>
                                    <ul class="list">
                                        <li><a href="#">美妆</a></li>
                                        <li><a href="#">电器</a></li>
                                        <li><a href="#">女装</a></li>
                                        <li><a href="#">男装</a></li>
                                        <li><a href="#">女鞋</a></li>
                                        <li><a href="#">男鞋</a></li>
                                        <li><a href="#">内衣</a></li>
                                        <li><a href="#">箱包</a></li>
                                        <li><a href="#">运动</a></li>
                                        <li><a href="#">母婴</a></li>
                                        <li><a href="#">家装</a></li>
                                        <li><a href="#">医药</a></li>
                                        <li><a href="#">食品</a></li>
                                        <li><a href="#">配饰</a></li>
                                        <li><a href="#">汽车</a></li>
                                    </ul>
                                </div>
                                <div class="item3_r">
                                    <i><img src="img/hot3.png"></i>
                                    <ul class="list">
                                        <li><a href="#">帮助中心</a></li>
                                        <li><a href="#">品质保障</a></li>
                                        <li><a href="#">特色服务</a></li>
                                        <li><a href="#">7天退货</a></li>
                                    </ul>
                                </div>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>


    </div>
    <!-- 头部 -->
    <header>
        <div class="header w clearfix">

            <div class="header_l">
                <div class="logo">
                    <a href="#"><img src="img/t1bqh0xrvxxxbcmx6t-247-47.png"></a>
                </div>
                <span class="s_tit">
                            <h4>ubnt旗舰店</h4>
                            <p>品牌直销</p>
                        </span>
                <span class="s_tit_b">
                            <p>描 述 服 务 物 流</p>
                            <p>4.9⬆ 4.9⬆ 4.9⬆</p>
                        </span>
                <span class="s_tit_c">
                             <p>手机逛</p>
                             <em>
                                 <i class="er"><img src="img/s-er.png"></i>
                             </em>
                        </span>

            </div>
            <div class="search-swap">
                <div class="search">
                    <form>
                        <input type="search" class="sea" placeholder="搜索 天猫 商品/品牌/店铺" autofocus="on">
                    </form>
                </div>
                <span class="searcbtn">
                            <a href="#">搜天猫</a>
                        </span>
                <span class="searcbtn2">
                            <a href="#">搜本店</a>
                        </span>

            </div>




        </div>

    </header>

    <!-- 导航部分nav -->
    <div class="nav">
        <img src="img/O1CN01UEmzPW1TzWBQajhsB_!!2200738332453.jpg">
    </div>

    <!-- 内容content -->
    <div class="content">
        <div class="tb-summary w">
            <div class="box-l">
                <div class="tb-item-info-l">
                    <i class="j_img"><img src="upload/d_pic1.jpg"></i>
                    <span class="J_UlThumb clearfix">
                        <ul>
                            <li><a href="javascripts:;"><img src="upload/sm_pic1.jpg"></a></li>
                            <li><a href="javascripts:;"><img src="upload/sm_pic2.jpg"></a></li>
                            <li><a href="javascripts:;"><img src="upload/sm_pic3.jpg"></a></li>
                            <li><a href="javascripts:;"><img src="upload/sm_pic4.jpg"></a></li>
                            <li><a href="javascripts:;"><img src="upload/sm_pic5.png"></a></li>
                            <li><a href="javascripts:;"><img src="upload/sm_pic1.jpg"></a></li>
                        </ul>
                       
                    </span>
                    <span class="J_Social">
                        收藏宝贝(16人气)
                        <i class="ju"><a href="javascripts:;">举报</a></i>
                    </span>
                </div>
                <div class="tb-item-info-r clearfix">
                    <div class="tb-item-info-tit">
                        <span class="title"><h2>	
                            艾尚臣职业装套装女时尚气质商务正装面试前台OL西服工作服秋冬季
                      </h2></span>
                        <p class="newp">面料精良 修身款式 OL时尚女装</p>
                    </div>
                    <div class="tm-fcs-panel">
                        <dl class="tb-metatit">
                            <dt class="tm-price">价格</dt>
                            <dd class="tm-price-lis">
                                <em>￥</em>
                                <del>276.00-1116.00</del>
                            </dd>
                            <dt class="tm-price">促销价</dt>
                            <dd class="tm-price-lis-sale">
                                <em>￥</em>
                                <del>138.00-558.00</del>
                            </dd>
                            <dt class="tb-metatit"></dt>
                            <dd class="tb-metatit-lis">
                                <em>淘金币可抵扣商品价格3%</em>
                            </dd>
                            <dt class="tb-metatit"></dt>
                            <dd class="tb-metatit-lis">
                                <em>-----------------------------------------------------------------------------------</em>
                            </dd>
                            <dt class="tb-metatit"></dt>
                            <dd class="phoneprice">
                                <span><em>想￥135.00拿下？</em><i>手机天猫购买更便宜</i></span>
                            </dd>

                        </dl>

                    </div>
                    <span class="run-swap">
                        <dt class="run">运费</dt>
                        <dd class="city">杭州</dd>
                    </span>

                    <span class="tm-ind-panel">
                        送天猫积分<em class="num">149</em>
                    </span>
                    <div class="tb-prop">
                        <span>
                            <dl class="size clearfix">
                                <dt>尺码</dt>
                                <dd>
                                    <ul class="size-lis clearfix">
                                        <li>29</li>
                                        <li>30</li>
                                        <li>31</li>
                                        <li>32</li>
                                        <li>33</li>
                                        <li>34</li>
                                        <li>35</li>
                                        <li>36</li>
                                        <li>37</li>
                                    </ul>
        
                                </dd>
                            </dl>
                        </span>
                        <span class="colo">
                            <dl class="color-swap clearfix">
                                <dt>颜色</dt>
                                <dd>
                                    <ul class="color-lis clearfix">
                                        <li><a href="#"><img src="upload/color.jpg"></a></li>
                                        <li><a href="#"><img src="upload/color.jpg"></a></li>
                                        <li><a href="#"><img src="upload/color.jpg"></a></li>
                                        <li><a href="#"><img src="upload/color.jpg"></a></li>
                                        <li><a href="#"><img src="upload/color.jpg"></a></li>
                                        <li><a href="#"><img src="upload/color.jpg"></a></li>
                                        <li><a href="#"><img src="upload/color.jpg"></a></li>
                                        <li><a href="#"><img src="upload/color.jpg"></a></li>
                                        <li><a href="#"><img src="upload/color.jpg"></a></li>
                                        
                                    </ul>
        
                                </dd>
                            </dl>
                        </span>

                        <span class="shopcar">
                            <dl>
                                <dt>数量</dt>
                                <dd>
                                    <input type="text" class="text">   
                                    <span class="on">
                                        <span class="last"></span>
                        <span class="next"></span>

                        </span>
                        </dd>
                        </dl>




                        </span>
                        <div class="tb-action">
                            <div class="addshop">立即购买</div>
                            <div class="buy">加入购物车</div>

                        </div>
                    </div>
                    <span>
                        <dl class="cap clearfix">
                            <span>
                                <dt>服务承诺</dt>
                                <dd>
                                    <ul class="clearfix">
                                        <li>正品保证</li>
                                        <li>极速退货</li>
                                        <li>退货运费险</li>
                                    </ul>
                                    <em class="style-pay">支付方式</em>
                                    
                                </dd>
                            </span>


                    </dl>
                    </span>
                    <span>
                        <dl class="cap clearfix">
                            <span>
                                <dt>&nbsp;</dt>
                                <dd>
                                    七天无理由退换 
                                </dd>
                            </span>

                    </dl>
                    </span>
                    <span class="tell">检测到您当前处于非安全网络环境，部分商品信息可能不准确，请在交易支付页面再次确认商品价格信息。</span>
                </div>
            </div>
            <div class="box-r">
                <div class="pic">
                    <span class="tuijian-label">看了又看-----------------</span>
                    <ul>
                        <li>
                            <a href="javascript:;"><img src="upload/tm_pic1.jpg"></a>
                            <span class="price">￥418</span>
                        </li>
                        <li>
                            <a href="javascript:;"><img src="upload/tm_pic2.jpg"></a>
                            <span class="price">￥118</span>
                        </li>
                        <li>
                            <a href="javascript:;"><img src="upload/tm_pic3.jpg"></a>
                            <span class="price">￥318</span>
                        </li>
                        <li>
                            <a href="javascript:;"><img src="upload/tm_pic2.jpg"></a>
                            <span class="price">￥4108</span>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="layout w">
                <div class="layput-l"></div>
                <div class="layput-r"></div>
            </div>

        </div>


    </div>
</body>

</html>